<html><head>
<title>::Colegio Alexander Graham Bell::</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<link href="style.css" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/jquery.easing-1.3.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.js"></script>

    <link rel="stylesheet" type="text/css" href="css/lava.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/scrollbox.css" media="screen"/>
<script type="text/javascript">
$(document).ready(function() {

	var sw = 750; //scroller width
	var sh = 450; //scroller height
	var sa = $(".scroll_item").length; //amount of total elements to be scrolled
	
	$(".scroll_item, .scroll_holder").css({'width': sw+'px', 'height': sh+'px'});
	$(".scrolling_box").css({'width': sw*sa+'px'});
	
	
	//alert(scrollerAmount);
	
		for (i = 0; i < sa; i++){
			//alert(i);
			$(".scrollTrigger").css({'width': 125 + 'px'});
		};	
	$(".menu a").click(function () {
	  var x = $("li>a.scrollTrigger").index(this);
	  //alert (x);
	  $(".scrolling_box").animate({ marginLeft : -sw*x}, {duration: 1500, easing: "easeOutElastic" });
	});
	
	$(".menu").lavaLamp({
		fx: "easeOutElastic",
		speed: 700,
		click: function() {return false;}
	});		
	
});
    
</script>

</head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" >
  <tbody><tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0" >
      <tbody><tr>
        <td><img src="images/fw/index_01.png" width="417" height="158" alt="" ></td>
        <td width="320" background="images/index_02.gif" ><table width="100%" border="0" cellspacing="10" cellpadding="0" >
          <tbody><tr>
            <td align="center" ><!--<a href="#" ><strong>Lorem ipsum dolor sit amet, contuer adipiscingelit</strong></a>--></td>
          </tr>
        </tbody></table></td>
        <td width="263" background="images/index_03.gif" ><table width="100%" border="0" cellspacing="10" cellpadding="0" >
          <tbody><tr>
            <td><table width="100%" border="0" cellspacing="5" cellpadding="0" >
              <tbody><tr>
                <td width="22%" align="right" ><img src="images/home.gif" width="12" height="11" alt="" ></td>
                <td width="32%" ><a href="/SistemaWebAGB_2.0/dinamica/ingresar.jsp" class="white-link-underline" >Intranet </a></td>
                <td width="7%" ><img src="images/mail.gif" width="12" height="9" alt="" ></td>
                <td width="39%" ><a href="http://www.google.com/a/grahambell.edu.pe" target="_blank" class="white-link-underline" >Correo</a></td>
                </tr>
            </tbody></table></td>
          </tr>
        </tbody></table></td>
      </tr>
    </tbody></table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0" >
      <tbody><tr>
        <td><img src="images/index_04.gif" width="99" height="297" alt="" ></td>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0"  class="opt">
          <tbody>
          <tr>
            <td bgcolor="#112B38"><a href="grahambellBienvenido.jsp" >INICIO</a></td>
          </tr>
          <tr>
            <td><a href="admision.jsp" >ADMISION</a></td>
          </tr>
          <tr>
            <td><a href="grahambellServicios.jsp" >SERVICIOS</a></td>
          </tr>
          <tr>
            <td><a href="administrativo.jsp" >ADMINISTRATIVO</a></td>
          </tr>
          <tr>
            <td><a href="grahambellActividades.jsp" >ACTIVIDADES</a></td>
          </tr>
          <tr>
            <td><a href="/SistemaWebAGB_2.0/ServletSubida?accion=listaGalerias" >GALERIA</a></td>
          </tr>
          <tr>
            <td><a href="/SistemaWebAGB_2.0/ServletSubida?accion=descargas" >DESCARGA</a></td>
          </tr>
          <tr>
            <td><a href="contactenos.jsp" >CONTACTO</a></td>
          </tr>
          
        </tbody></table></td>
        <td><img src="images/index_06.jpg" width="659" height="301" alt="" ></td>
      </tr>
    </tbody></table></td>
  </tr>
  <tr>
    <td bgcolor="#284363" class="menu-options">
      <div id="menu">
            <ul id="nav">
                <li><a href="#">Inicio</a>
                  <ul class="submenu">
                        <li><a href="http://www.google.com/a/grahambell.edu.pe" target="_blank" class="white-link-underline" >Correo</a></li>
                        <li><a href="/SistemaWebAGB_2.0/estatica/grahambellMapaSitio.jsp">Mapa Sitio</a></li>
                    </ul>
                </li>
                   
                <li><a href="">Bienvenidos</a>
                    <ul class="submenu">
                        <li><a href="objetivosGraham.jsp">Nuestros Objetivos</a>
                            
                        </li>
                    </ul>
                </li>
                <li><a href="#">Nosotros</a>
                    <ul class="submenu">
                        <li><a href="grahambellhoy.jsp">Graham Bell Hoy</a></li>
                        <li><a href="nuestrosOrigenes.jsp">Nuestros Origenes</a></li>
                        <li><a href="grahambellNuestroEquipo.jsp">Nuestro Equipo</a></li>
                        <li><a href="grahambellInfraestructura.jsp">Infraestructura</a></li>
                    </ul>
                </li>
                <li><a href="#">Que Hacemos</a>
                  <ul class="submenu">
                        <li><a href="grahambellQueHacemosPerfilesEducativos.jsp">Perfiles Educativos</a></li>
                        <li><a href="grahambellQueHacemosProyectoEducativo.jsp">Proyecto Educativo</a></li>
                        <li><a href="grahambellQueHacemosEventosYTalleres.jsp">Eventos y Talleres</a></li>

                    </ul>
                </li>
                <li> <a href="/SistemaWebAGB_2.0/ServletSubida?accion=noticias">Noticias</a></li>
                <li><a href="contactenos.jsp" >Contacto</a></li>
                
            </ul>
           
         </div>
    
    </td>
  </tr>
</tbody></table>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" >
  <tbody><tr>
    <td><table class="main-content" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="border-ul">&nbsp;</td>
    <td class="border-h">&nbsp;</td>
    <td class="border-ur">&nbsp;</td>
  </tr>
  <tr>
    <td class="border-vl">&nbsp;</td>
    <td valign="top" >

    <!--CONTENIDO -->
    <div id="ubicacion">Te encuentras en: <a href="index.jsp">Actividades</a> <img src="images/next_blue.png" alt="" />Inicial</div>

      <div class="entry"><div class="menu_holder" >
    <ul class="menu" style="width: 700px; margin:0px auto;" >
      <li ><a  href='#' class='scrollTrigger' id='scrollItem'>Act. Inicial</a></li>
            <li><a href='#' class='scrollTrigger' id='scrollItem'>A&ntilde;o Lectivo</a></li>
            <li><a href='#' class='scrollTrigger' id='scrollItem'>Calendarizaci&oacuten</a></li>
            <li><a href='#' class='scrollTrigger' id='scrollItem'>Horarios</a></li>

  
        
        </ul>
  </div>


  <div class="scroll_holder" style="width: 650px; height: 300px; "> 
    <div class="scrolling_box" style="width: 2700px; margin-left: 0px; ">

      <div class="scroll_item" style="width: 650px; height: 300px; ">
            <span class="content">
            <div style="font-weight:bold; text-align:justify">Actividades Inicial</div><br /><br/>
Las actividades que realizamos para nuestros m&aacutes peque&ntilde;os son planificadas y prganizadas con el m&aacutes grande cari&ntilde;o y cuidado. <br/><br/>Pensamos que cada d&iacutea que ellos tengan debe ser brillante, agradable y lleno de mucho aprendizaje.<br/><br/> Es nuestro deseo tambi&eacute;n que ustedes como padres de familia nos apoyen tambi&eacute;n con su participaci&oacuten en las actividades de integraci&oacuten que desarrollamos para mayor bienestar del proceso educativo de su hijo.  
            </span>
      </div>


      <div class="scroll_item" style="width: 650px; height: 300px; ">
            <span class="content">
            <div style="font-weight:bold">A&ntilde;o Lectivo</div><br /><br/>
<table width="350" border="0" id="box-table-a" >
 <tr   style="font-weight:bold">
                  
                    <th width="35%">Periodo </th>
                     <th>Fecha</th>
                      
                      
                </tr>
                <tr>
                  <td>Primer Bimestre</td>
                    <td>05 de Marzo al 12 de mayo</td>
                  
                </tr>
                 <tr>
                  <td>Vacaciones</td>
                    <td>Del 14 al 18 de mayo</td>
                  
                </tr>
                 <tr>
                  <td>Segundo Bimestre</td>
                    <td>Del 21 de mayo al 28 de julio</td>
                 
                </tr>
                <tr>
                  <td>Vacaciones</td>
                    <td>Del 30 de Julio al 03 de Agosto</td>
                  
                </tr>
                  <tr>
                  <td>Tercer Bimestre</td>
                    <td>Del 6 de agosto al 13 de octubre</td>
                  
                </tr>
                <tr>
                  <td>Vacaciones</td>
                    <td>Del 15 al 19 de octubre</td>
                  
                </tr>
                <tr>
                  <td>Cuarto Bimestre</td>
                    <td>Del 22 de octubre al 22 de diciembre</td>
                  
                </tr>
                  
</table> 
            </span>
      </div>

      <div class="scroll_item" style="width: 400px; height: 200px; ">
        <span class="content" style="text-align:justify">
           <div style="font-weight:bold">Calendarizaci&oacuten</div><br /><br/>
 <table width="400" border="0" id="box-table-a" align="center">
 <tr   style="font-weight:bold">
                  
                    <th width="29%">Calendario </th>
                     <th>Fecha</th>
                      
                      
                </tr>
                <tr>
                  <td>Inicio de clase</td>
                    <td>02 de Marzo </td>
                  
                </tr>
                 <tr>
                  <td>Primer Bimestre</td>
                    <td>10 semanas (05 de Marzo al 12 de mayo) </td>
                  
                </tr>
                 <tr>
                  <td>Segundo Bimestre</td>
                    <td>10 semanas (del 21 de mayo al 28 de julio)</td>
                 
                </tr>
                <tr>
                  <td>Tercer Bimestre</td>
                    <td>10 semanas (del 6 de agosto al 13 de octubre)</td>
                  
                </tr>
                  <tr>
                  <td>Cuarto Bimestre</td>
                    <td>09 semanas (del 22 de octubre al 22 de diciembre)</td>
                  
                </tr>
                <tr>
                  <td>Clausura</td>
                    <td>28 de diciembre </td>
                  
                </tr>
                <tr>
                  <td>Trabajo efectivo</td>
                    <td>39 semanas, 185 d&iacuteas. No se consideran 7 feriados nacionales y aniversario del colegio</td>
                  
                </tr>
                  
</table>

</span>
      </div>  
  <div class="scroll_item" style="width: 400px; height: 200px; ">
        <span class="content" style="text-align:justify">
            <div style="font-weight:bold; text-align:justify">Horarios</div><br /><br/>
 <table width="400" border="0" id="box-table-a" align="center">
 <tr   style="font-weight:bold">
                  
                    <th width="40%">Horario </th>
                     <th>Grado</th>
                      
                      
                </tr>
                <tr>
                  <td>8:00 a.m. hasta 1:00 p.m.</td>
                    <td>Inicial</td>
                  
                </tr>
               
               
</table>

</span>
      </div>

 </div>  
  </div>
           
    <!-- FIN CONTENIDO -->

    </td>
    <td class="border-hl">&nbsp;</td>
  </tr>
  <tr>
    <td class="border-dl">&nbsp;</td>
    <td >&nbsp;</td>
    <td class="border-dr">&nbsp;</td>
  </tr>
</table>
</td>
  </tr>
 <tr>
    <td class='pie' height="150" background="images/index_16.jpg" ><table width="100%" border="0" cellspacing="10" cellpadding="0" >
      <tbody><tr>
        <td width="12%" >&nbsp;</td>
        <td width="66%" ><table width="100%" border="0" cellspacing="10" cellpadding="0" >
          <tbody><tr>
            <td><h2>I.E. Alexander Graham Bell</h2></td>
          </tr>
          <tr>
            <td bgcolor="#7A8CA1" ><img src="images/spacer.gif" width="1" height="1" ></td>
          </tr>
          <tr>
            <td><strong>Jr. Independencia 950 - Trujillo - La Libertad Telefono:</strong> 044-205943</td>
          </tr>
          
        </tbody></table></td>
        <td width="22%" >&nbsp;</td>
      </tr>
    </tbody></table></td>
  </tr>
</tbody></table>
</body></html>